<template>
    <div>
        <el-header>
            <headertop/>
        </el-header>
        <el-main>
            <div class="w">
                <div></div>
            </div>
        </el-main>
        <el-footer>
            <foot/>
        </el-footer>
    </div>
</template>

<script>
import headertop from "@/components/header";
import foot from "@/components/footer";
export default {
  components: { headertop, foot },

  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>
.el-header {
  padding: 0 !important;
  height: 150px !important;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 200px;
}

.el-main {
  /* background-color: #e9eef3; */
  padding: 0;
  color: #333;
}
.el-footer {
  margin: 0 !important;
}
.w {
  width: 1400px;
  height: 200px;
  background-color: #666;
  position: relative;
  margin:  0 auto;
}
</style>


